<template>
	<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" v-if="dswiper">
		<van-swipe-item v-for="(item,index) in dswiper" :key='index'>
			<img :src="$url+item" alt="" class="swiimg">
		</van-swipe-item>
	</van-swipe>
</template>

<script>
	import Vue from 'vue';
	import { Swipe, SwipeItem } from 'vant';
	
	Vue.use(Swipe);
	Vue.use(SwipeItem);
	export default{
		data(){
			return {
			}
		},
		props:{
			dswiper:[]
		}
	}
</script>

<style scoped="scoped">
	.my-swipe{
		margin-top: 3.5rem;
	}
	.my-swipe .van-swipe-item {
		color: #fff;
		font-size: 20px;
		line-height: 150px;
		text-align: center;
	}
	
	.my-swipe .van-swipe-item .swiimg {
		vertical-align: top;
		border: none;
		display: block;
		width: 100%;
	}
</style>
